<div class="settlement">
	<div class="cursor panel-heading font-bold" ng-click="isCollapsed_txnsetlinsts=!isCollapsed_txnsetlinsts">
		{{"label.settlement.title.txnsetlinst" | translate}}
		<i class="pull-right glyphicon glyphicon-chevron-right" ng-class="{'glyphicon-chevron-down': isCollapsed_txnsetlinsts, 'glyphicon-chevron-right': !isCollapsed_txnsetlinsts}"></i>
	</div>
	<div uib-collapse="!isCollapsed_txnsetlinsts">
		<fs-table fs-config="vm.txnSetlInsts"></fs-table>
	</div>
	<div class="cursor panel-heading font-bold" ng-click="isCollapsed_glentrys=!isCollapsed_glentrys">
		{{"label.settlement.title.glentrys" | translate}}
		<i class="pull-right glyphicon glyphicon-chevron-right" ng-class="{'glyphicon-chevron-down': isCollapsed_glentrys, 'glyphicon-chevron-right': !isCollapsed_glentrys}"></i>
	</div>
	<div uib-collapse="!isCollapsed_glentrys">
		<fs-table fs-config="vm.glEntryListConfig"></fs-table>
	</div>
	<div class="cursor panel-heading font-bold" ng-click="isCollapsed=!isCollapsed">{{"label.settlement.title.settlementsummarypaydetail" | translate}}<i class="pull-right glyphicon glyphicon-chevron-down" ng-class="{'glyphicon-chevron-down': !isCollapsed, 'glyphicon-chevron-right': isCollapsed}"></i></div>	
	<div uib-collapse="isCollapsed">
		<div ng-include="'cls/view/'+app.settings.theme+'/settlement/included/settlePaymentSummary.html'"></div>
	</div>
	<div class="cursor panel-heading font-bold" ng-click="isCollapsedPay=!isCollapsedPay">{{"label.settlement.title.setldetailpay" | translate}}<i class="pull-right glyphicon glyphicon-chevron-right" ng-class="{'glyphicon-chevron-down': isCollapsedPay, 'glyphicon-chevron-right': !isCollapsedPay}"></i></div>
	<div uib-collapse="!isCollapsedPay">
		<table>
			<tr>
				<td width="11%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.itemtype" | translate}}</div></td>
				<td width="7%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.itemccy" | translate}}</td>
				<td width="14%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.itemamtsettled" | translate}}</td>
				<td width="12%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.taxamt" | translate}}</td>
				<td width="10%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.payccy" | translate}}</td>
				<td width="13%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.payamt" | translate}}</td>
				<td width="10%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.fxrate1" | translate}}</td>
				<td width="11%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.fxrate2" | translate}}</td>
				<td width="12%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.paydetailseq" | translate}}</td>
			</tr>
			<tr ng-repeat="item in vm.settlement.setlDetails track by $index">
				<td ng-if="vm.isDetailsPay(item)" colspan="9">
					<table>
						<tr>
							<td class="content" width="11%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[0]"/></td>
							<td class="content" width="7%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[1]"/></td>
							<td class="content" width="14%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[2]"/></td>
							<td class="content" width="12%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[3]"/></td>
							<td class="content" width="10%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[4]"/></td>
							<td class="content" width="13%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[5]"/></td>
							<td class="content" width="10%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[6]"/></td>
							<td class="content" width="11%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[7]"/></td>
							<td class="content" width="12%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[8]"/></td>
						</tr>
						<tr>
							<td class="content" width="100%" colspan="9"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[9]"/></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td class="content" colspan="9"><div ng-if="vm.settlement.notExistsetlDetailPay" class="panel-heading font-bold">{{"label.settlement.hinttext.notexistsetldetailpay" | translate}}</div></td>
			</tr>
		</table>
	</div>
	<div class="cursor panel-heading font-bold" ng-click="isCollapsedReceive=!isCollapsedReceive">{{"label.settlement.title.setldetailreceive" | translate}}<i class="pull-right glyphicon glyphicon-chevron-right" ng-class="{'glyphicon-chevron-down': isCollapsedReceive, 'glyphicon-chevron-right': !isCollapsedReceive}"></i></div>
	<div uib-collapse="!isCollapsedReceive">
		<table>
			<tr>
				<td width="11%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.itemtype" | translate}}</div></td>
				<td width="7%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.itemccy" | translate}}</td>
				<td width="14%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.itemamtsettled" | translate}}</td>
				<td width="12%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.taxamt" | translate}}</td>
				<td width="10%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.payccy" | translate}}</td>
				<td width="13%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.payamt" | translate}}</td>
				<td width="10%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.fxrate1" | translate}}</td>
				<td width="11%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.fxrate2" | translate}}</td>
				<td width="12%"><div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus ui-grid-top-panel">{{"label.settlement.summary.paydetailseq" | translate}}</td>
			</tr>
			<tr ng-repeat="item in vm.settlement.setlDetails track by $index">
				<td ng-if="vm.isDetailsReceive(item)" colspan="9">
					<table border="0" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<td class="content" width="11%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[0]"/></td>
							<td class="content" width="7%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[1]"/></td>
							<td class="content" width="14%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[2]"/></td>
							<td class="content" width="12%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[3]"/></td>
							<td class="content" width="10%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[4]"/></td>
							<td class="content" width="13%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[5]"/></td>
							<td class="content" width="10%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[6]"/></td>
							<td class="content" width="11%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[7]"/></td>
							<td class="content" width="12%"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[8]"/></td>
						</tr>
						<tr>
							<td class="content" width="100%" colspan="9"><fs-grid ng-model="vm.settlement.setlDetails[$index]" fs-grid-config="vm.setlDetailsConfig[9]"/></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td class="content" colspan="9"><div ng-if="vm.settlement.notExistsetlDetailReceive" class="panel-heading font-bold">{{"label.settlement.hinttext.notexistsetldetailreceive" | translate}}</div></td>
			</tr>
		</table>
	</div>
</div>